@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
            <input id="serverId" value="${item.serverId}"  hidden>
            <div class="row">
                <div class="col-sm-12">
                    <div style="display: flex;flex-direction: row">
                        <h3 style="width: 120px;">服务器IP</h3>
                        <h3 id="serverIp" style="margin-left: 10px;width: 200px;height: 30px;">${item.serverIP}</h3>
                    </div>
                    <div style="display: flex;flex-direction: row;margin-top: 10px;">
                        <h3 style="width: 120px;">用户账号</h3>
                        <textarea id="username" cols="10" rows="5" style="margin-left: 10px;width: 200px;">${item.userName}</textarea>
                        <h5>多个账号使用英文","间隔</h5>
                    </div>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="VpnExclusiveLineDlg.updateLine()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="VpnExclusiveLineDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/vpn_exclusive_line/vpnExclusiveLine_info.js"></script>
@}
